.main{
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}
.card{
    width: 900px;
    height: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    &_left{
        color: #fff;
        width: 60%;
        height:100%;
        text-align: center;
        border-top-left-radius:10px;
        border-bottom-left-radius:10px;
        background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
        &_title{
            font-size: 28px;
            margin-top: 40%;
            margin-bottom: 20px;
        }
    }
    &_right{
        width: 40%;
        height:100%;
        padding: 150px 20px;
        box-sizing: border-box;
        border-top-right-radius:10px;
        border-bottom-right-radius:10px;
        background-color: #fff;
        text-align: center;
        &_title{
            color: #66a6ff;
            font-size: 25px;
            letter-spacing: 5px;
            margin-bottom: 20px;
        }
        .el-checkbox{
            display: block;
            margin-top: -20px;
            margin-left: 240px;
            margin-bottom: 20px;
        }
        .el-button--primary {
            width: 150px;
        }
       
    }
}